<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>frame</title>
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />

	<style>
		html, body {width: 100%;min-height: 100%;background: #e5e5e5;}
		.h80 {height: 80px;}
		.h40 {height: 40px;}
		.h20 {height: 20px;}
    	.h10 {height: 10px;background: #e5e5e5;}
		.h1 {height: 1px;margin-left: 15px;background: #e5e5e5;}
		.fr {float: right;}
		.fl {float: left;}
		.hightitem {background-color: #fff;}

		/* 抢购样式 */
		.snapup {height: 80px;}
		.snapup .infologo {height: 100%;}
		.snapup .shelf2 {display: table;height: inherit;margin-left: 10px;}
		.snapup .shelfcell {display: table-cell;vertical-align: middle;}
		.snapup .shelfcell .title {margin-bottom: 10px;}
		.snapup .arrow {width: 20px; padding-top: 30px;padding-right: 10px;}

		/* 2X2样式 */
		.row {display: -webkit-box;display: -webkit-flex;display: flex;}
		.col {-webkit-box-flex:1; -webkit-flex:1; flex:1;position: relative;}
		.col img {position: absolute; right: 0; width: 80px; top: 0;}
		.col .matrixcell {display: table-cell;vertical-align: middle; padding-left: 10px;}
		.col .matrixcell .title {margin-bottom: 10px;}
		.matrix {display: table;height: inherit;}

		/* 猜你喜欢 */
		.guesstitle {height: 40px;line-height: 40px;padding-left: 10px;vertical-align: top; font-size: 12px;color: #999;}
		.guesstitle img {height: 15px;padding-top: 12px; padding-left: 10px;}
		.home-tuan-list .item {position: relative; display: block; padding-left: 10px; }
		.home-tuan-list .cnt {padding: 7px 10px 10px 0; display: box; display: -webkit-box; 
			display: -webkit-flex;display: flex;height: 78px;  background-size: auto 1px; }
		.home-tuan-list .pic {margin-right: 10px; background: center; }
		.home-tuan-list img {width: 90px; height: 66px; margin-top: 7px; margin-bottom: 5px; border-radius: 3px; }
		.home-tuan-list .wrap {-webkit-box-flex: 1;-webkit-flex:1; flex:1;}
		.home-tuan-list .wrap2 {display: table; height: 88px; width: 100%; }
		.home-tuan-list .content {-webkit-box-flex: 1; -webkit-flex:1; flex:1; box-flex: 1;
		 display: table-cell; vertical-align: middle; }
		.home-tuan-list .shopname {color: #333; font-size: 17px; max-width: 11em; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; min-height: 10px; padding-bottom: 2px; padding-top: 3px; display: inline-block;}
		.home-tuan-list .title {color: #666; line-height: 16px; font-size: 13px; max-height: 30px; overflow: hidden; padding-top: 3px; display: -webkit-box;display: -webkit-flex;display: flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column; }
		.home-tuan-list .hot-title {margin-bottom: 8px; }
		.home-tuan-list .hot-subtitle {margin-bottom: 9px; }
		.home-tuan-list .info {margin-top: 6px; margin-bottom: 6px; color: #666; font-size: 12px; position: relative; line-height: 15px; display: box; display: -webkit-box; display: -webkit-flex;
			display: flex;height: 15px; }

		.home-tuan-list .comment {margin-bottom: 6px; position: relative; }
		.home-tuan-list .comment span {vertical-align: middle; color: #666; font-size: 12px;}
		.home-tuan-list .star {display: inline-block; width: 66px; height: 12px; vertical-align: middle; background: url(../image/remark.png) no-repeat; background-size: 86px auto; }
		.star.star-50 {background-position: 0 -215px; }
		.star.star-45 {background-position: 0 -232px; }
		.star.star-40 {background-position: 0 -249px; }
		.home-tuan-list .star {margin-right: 10px; }

		.home-tuan-list .symbol {font-size: 14px; color: #f60; display: block; margin-top: 1px; }
		.home-tuan-list .price {color: #f60; font-size: 20px; line-height: 15px; margin-right: 5px; margin-top: 1px; }
		.home-tuan-list .o-price {color: #999; margin-top: 5px; line-height: 10px; }
		.home-tuan-list .sale {color: #f63; border: solid 1px #ff916e; padding: 3px 2px 2px; font-size: 10px; border-radius: 2px; -webkit-border-radius: 2px; margin-left: 5px; line-height: 10px; height: 10px; }
		.home-tuan-list .tuanimg img {float: left; width: 16px; height: 16px;margin-left: 3px;}


		.home-tuan-list .distance {-webkit-box-flex: 1; -webkit-flex: 1;flex: 1;box-flex: 1; -ms-box-flex: 1; -ms-flex: 1; text-align: right; line-height: 10px; margin-top: 5px; color: #999; float: right;font-size: 12px;}
		.home-tuan-list .distance img {width: 10px; height: 10px; vertical-align: top; margin: 0;}
		.home-tuan-list .classify {color: #666; font-size: 14px;}
		
		.home-tuan-list .price, .index-rec .home-tuan-list .o-price, .index-rec .home-tuan-list .distance, .index-rec .home-tuan-list .sale {display: block; line-height: 15px; font-size: 12px; }
		.Fix:after {display: block; content: ''; height: 0; clear: both; }

		/* 1. 2X2 */
		.flipcard {height: 50px;line-height: 50px;text-align: center;border-radius: 4px;margin: 5px 3px 3px 5px;}
		.card0101 {background-color: #FE72BF;}
		.card0102 {background-color: #FFCE58;}
		.card0201 {background-color: #FF8771;}
		.card0202 {background-color: #7DD21B;margin-bottom: 10px;}

		/* 2. 三列 */
		.scratch02 .word {margin-top: 10px;margin-left: 10px;}
		.scratch02 .word .title{font-size: 18px;}
		.scratch02 .word .info{font-size: 12px;color: #666;}
		.scratch02 img {position: relative;}

		/* 3. 说说*/
		.shuoshuo {padding: 0 10px 10px 10px;}
		.shuoshuo .title {height: 40px;line-height: 40px; font-size: 14px;}
		.shuoshuo img {position: relative;}
		.shuoshuo .colleft {-webkit-box-flex:1; -webkit-flex:1; flex:1;position: relative;padding-right: 3px;}
		.shuoshuo .colleft img {width: 100%; height: 200px;}
		.shuoshuo .colright {-webkit-box-flex:2; -webkit-flex:2; flex:2;position: relative;}
		.shuoshuo .colright .row {flex-direction: column;}
		.shuoshuo .colright .col img {width: 100%; height: 99px;}

		/* 4. tabbar*/
		.tabbar {height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #e0e0e0;}
		.tabbar .col {font-size: 14px;}

		/* 1 滑动栏*/
		.movieslide {position: relative; width: 100%; height: 190px; margin: 0 auto; z-index: 400; overflow-y: hidden; overflow-x: visible; background: #fff;}
		.movieslide .slider {width: 520px; height: 190px;}
		.movieslide .slide {display: inline-block; position: relative; width: 80px; margin-right: 5px; height: 100%; float: left; z-index: 10; }
		.movieslide .slide img {width: 80px; height: 120px; margin: 10px auto; }
		.movieslide .slide .title {margin-top: -10px; font-size: 13px; color: #000; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
		.movieslide .slide .score {font-size: 12px; color: #6ab494; }

		.active {color: #f60;}
		.indicator {height: 3px; width: 100%; background: #6ab494; position: absolute; bottom: 0;}

	</style>
</head>
<body>
	<!-- 1 2X2 -->
	<div class="movieslide">
		<div class="slider">
			<a class="slide">
	            <img src="../image/10.png" alt="">
	            <p class="title" href="/movie/100">星际穿越</p>
	                <p class="score">7.9</p>
	            <div class="tag-cnt">
	            </div>
	        </a>
	        <a class="slide">
	            <img src="../image/10.png" alt="">
	            <p class="title" href="/movie/100">夜莺</p>
	                <p class="score">7.1</p>
	            <div class="tag-cnt">
	            </div>
	        </a>
	        <a class="slide">
	            <img src="../image/10.png" alt="">
	            <p class="title" href="/movie/100">露水红颜</p>
	                <p class="score">7.5</p>
	            <div class="tag-cnt">
	            </div>
	        </a>
	        <a class="slide">
	            <img src="../image/10.png" alt="">
	            <p class="title" href="/movie/100">超体</p>
	                <p class="score">8.2</p>
	            <div class="tag-cnt">
	            </div>
	        </a>
	        <a class="slide">
	            <img src="../image/10.png" alt="">
	            <p class="title" href="/movie/100">移动迷宫</p>
	                <p class="score">8.2</p>
	            <div class="tag-cnt">
	            </div>
	        </a>
	        <a class="slide">
	            <img src="../image/10.png" alt="">
	            <p class="title" href="/movie/100">忍者神龟</p>
	                <p class="score">7.8</p>
	            <div class="tag-cnt">
	            </div>
	        </a>
		</div>
		
	</div>

	<!-- 2 列表 -->
	<div class="h20"></div>
	<div class="row hightitem tabbar">
		<div class="col" id="col1" tapmode onclick="tabswitch(1)">
			全部地区
			<div class="indicator" id="indicator1"></div>
		</div>
		
		<div class="col"  id="col2" tapmode onclick="tabswitch(2)">
			默认排序
			<div class="indicator" id="indicator2"></div>
		</div>

		<div class="col" id="col3" tapmode onclick="tabswitch(3)">
			全部影院
			<div class="indicator" id="indicator3"></div>
		</div>
	</div>

	<div class="home-tuan-list" id="list1">
		<a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">巴依老爷</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span>
			                <div class="comment">
			                    <span class="star star-50"></span>
			                    <span>￥106/人</span>
			                </div>
			                <span class="classify">
			                	北太平庄 川菜/家常菜
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">650m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			            	<div class="shopname">宽板凳老灶火锅</div><span class="tuanimg"><img src="../image/detail_cardicon.png" alt=""></span>
			                <div class="comment">
			                    <span class="star star-45"></span>
			                    <span>￥101/人</span>
			                </div>
			                <span class="classify">
			                	北太平庄 重庆火锅
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">670m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			            	<div class="shopname">老冯烤羊蝎子馆</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span><span class="tuanimg"><img src="../image/detail_couponicon.png" alt=""></span>
			                <div class="comment">
			                    <span class="star star-40"></span>
			                    <span>￥120/人</span>
			                </div>
			                <span class="classify">
			                	亚运村 烧烤
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">670m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			            	<div class="shopname">味妙烤鱼吧</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span><span class="tuanimg"><img src="../image/detail_booking_icon.png" alt=""></span>
			                <div class="comment">
			                    <span class="star star-45"></span>
			                    <span>￥65/人</span>
			                </div>
			                <span class="classify">
			                	北太平庄 烤鱼
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">190m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			            	<div class="shopname">九妙坊</div><span class="tuanimg"><img src="../image/detail_booking_icon.png" alt=""></span>
			                <div class="comment">
			                    <span class="star star-45"></span>
			                    <span>￥82/人</span>
			                </div>
			                <span class="classify">
			                	北太平庄 粤菜馆
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">830m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			            	<div class="shopname">木上鸟巢</div><span class="tuanimg"><img src="../image/detail_grouponicon.png" alt=""></span><span class="tuanimg"><img src="../image/detail_booking_icon.png" alt=""></span>
			                <div class="comment">
			                    <span class="star star-40"></span>
			                    <span>￥62/人</span>
			                </div>
			                <span class="classify">
			                	什刹海 酒吧
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">830m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			            	<div class="shopname">盘古七星酒店自助餐厅</div>
			                <div class="comment">
			                    <span class="star star-45"></span>
			                    <span>￥505/人</span>
			                </div>
			                <span class="classify">
			                	亚运村 自助餐
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">990m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" tapmode onclick="">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">东方饺子王</div>
			                <div class="comment">
			                    <span class="star star-45"></span>
			                    <span>￥505/人</span>
			                </div>
			                <span class="classify">
			                	亚运村 自助餐
			                </span><span class="distance"><img src="../image/ic_address_big.png" alt="">990m</span>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
	</div>
	<div class="home-tuan-list" id="list2">
		<a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">six酒吧惊爆体验中</div><span class="distance">2.5km</span>
			                <div class="title">爆米花 不限时段通用 免费WiFi</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">1.0</span>
			                    <del class="o-price">¥15.0</del>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">lewa乐画</div><span class="distance">1.0km</span>
			                <div class="title">零基础diy娱乐回话情侣套餐</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">158.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">巴依老爷</div><span class="distance">110m</span>
			                <div class="title">[5店通用]代金券 不限时段通用，可累计使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">81.81</span>
			                    <span class="sale">立减6元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">金百万</div><span class="distance">650m</span>
			                <div class="title">[30店通用]代金券 可累计使用，可使用包厢</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">83.0</span>
			                    <span class="sale">立减10元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">芝麻花</div><span class="distance">400m</span>
			                <div class="title">[3店通用]代金券 可累计使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">85.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">东方饺子王</div><span class="distance">7.9km</span>
			                <div class="title">[26店通用]代金券 不限时段通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">89.9</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">天宝国际影城</div><span class="distance">840m</span>
			                <div class="title">2d/3d通兑单人电影票</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">27.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">汉拿山</div><span class="distance">670m</span>
			                <div class="title">[38店通用]代金券 不限时段通用，可累积使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">85.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">木屋烧烤</div><span class="distance">290m</span>
			                <div class="title">[9店通用]代金券 不限时段通用，免费wifi</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">82.0</span>
			                    <span class="sale">立减8元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">陈阿婆</div><span class="distance">700m</span>
			                <div class="title">[10店通用]代金券 不限时段通用，可累计使用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">80.0</span>
			                    <span class="sale">立减5元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">辣尚瘾</div><span class="distance">720m</span>
			                <div class="title">[9店通用]代金券 不限时段通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">80.0</span>
			                    <span class="sale">立减5元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">马兰拉面</div><span class="distance">430m</span>
			                <div class="title">[25店通用]马兰拉面1份</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">9.9</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">宽板凳老灶火锅</div><span class="distance">760m</span>
			                <div class="title">[13店通用]代金券 不限时段通用，可累计使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">88.0</span>
			                    <span class="sale">立减8元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">北华福源涮肉城</div><span class="distance">780m</span>
			                <div class="title">[3店通用]代金券 免费wifi，可累积使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">78.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">权金城</div><span class="distance">1.9km</span>
			                <div class="title">[17店通用]代金券 不限时段通用，免费wifi，可累积使用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">79.0</span>
			                    <span class="sale">立减8元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">香辣阿田大虾火锅店</div><span class="distance">430m</span>
			                <div class="title">[龙翔路店]2 3人用餐 不限时段通用，免费wifi</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">108.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">九头鹰酒店</div><span class="distance">650m</span>
			                <div class="title">[10店通用]代金券 不限时段通用，免费wifi，可累积使用，可使用包厢</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">82.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
	</div>
	<div class="home-tuan-list" id="list3">
		<a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">金百万</div><span class="distance">650m</span>
			                <div class="title">[30店通用]代金券 可累计使用，可使用包厢</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">83.0</span>
			                    <span class="sale">立减10元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">芝麻花</div><span class="distance">400m</span>
			                <div class="title">[3店通用]代金券 可累计使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">85.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">东方饺子王</div><span class="distance">7.9km</span>
			                <div class="title">[26店通用]代金券 不限时段通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">89.9</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">天宝国际影城</div><span class="distance">840m</span>
			                <div class="title">2d/3d通兑单人电影票</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">27.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">汉拿山</div><span class="distance">670m</span>
			                <div class="title">[38店通用]代金券 不限时段通用，可累积使用，全场通用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">85.0</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">木屋烧烤</div><span class="distance">290m</span>
			                <div class="title">[9店通用]代金券 不限时段通用，免费wifi</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">82.0</span>
			                    <span class="sale">立减8元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
        <a class="item Fix hightitem" onclick="openDetail()" tapmode="presshover">
            <div class="cnt">
            	<img class="pic" src="../image/api_1.png">
	            <div class="wrap">
		            <div class="wrap2">
			            <div class="content">
			                <div class="shopname">陈阿婆</div><span class="distance">700m</span>
			                <div class="title">[10店通用]代金券 不限时段通用，可累计使用</div>
			                <div class="info">
			                    <span class="symbol">¥</span>
			                    <span class="price">80.0</span>
			                    <span class="sale">立减5元</span>
			                    <span class="sale">返现1%</span>
			                </div>
			            </div>
		            </div>           
	            </div>
            </div>
        </a>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	function tabswitch (type) {
			var col1 = $api.byId('col1');
			var col2 = $api.byId('col2');
			var col3 = $api.byId('col3');

			var indicator1 = $api.byId("indicator1");
			var indicator2 = $api.byId("indicator2");
			var indicator3 = $api.byId("indicator3");

			var list1 = $api.byId("list1");
			var list2 = $api.byId("list2");
			var list3 = $api.byId("list3");

			if (type == 1) {
				col1.style.color = "#6ab494";
				col2.style.color = "#000";
				col3.style.color = "#000";

				indicator1.style.display = "block";
				indicator2.style.display = "none";
				indicator3.style.display = "none";

				list1.style.display = "block";
				list2.style.display = "none";
				list3.style.display = "none";
			}
			else if (type == 2) {
				col2.style.color = "#6ab494";
				col1.style.color = "#000";
				col3.style.color = "#000";

				indicator1.style.display = "none";
				indicator2.style.display = "block";
				indicator3.style.display = "none";

				list1.style.display = "none";
				list2.style.display = "block";
				list3.style.display = "none";
			}else {
				col3.style.color = "#6ab494";
				col1.style.color = "#000";
				col2.style.color = "#000";

				indicator1.style.display = "none";
				indicator2.style.display = "none";
				indicator3.style.display = "block";

				list1.style.display = "none";
				list2.style.display = "none";
				list3.style.display = "block";
			}
	}
window.onload = function  () {
		tabswitch(1);
	}
</script>
</html>